<template>
  <div class="grid-item">
    <div class="grid-item-body">
      <slot name="label"></slot>
      <i class="sperator" :class="speratorClass">|</i>
      <slot name="value"></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: ['speratorClass']
}
</script>
<style lang="less">
  .grid-item {
    width: 50%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #999999;

    .grid-item-body {
      
    }

    .sperator {
      font-style: normal;
      color: #fecb30;
    }
  }

  @media(min-width: 800px) {
    .grid-item {
      max-width: 200px;
    }
  }
</style>

